<template>
  <view>
    <cu-custom bgColor="bg-cyan" isBack>
      <block slot="content">button按钮</block>
    </cu-custom>
    <!-- 顶部区域 -->
    <view class="smart-page-head">
      <view class="smart-page-head-title">
        button按钮
      </view>
    </view>
    <view class="smart-padding-wrap">
      <button type="primary">页面主操作normal</button>
      <button type="primary" :loading="true">页面主操作 Loading</button>
      <button type="primary" disabled="false">页面主操作 Disabled</button>

      <button type="default">页面次要操作 Normal</button>
      <button type="default" disabled="false">页面次要操作 Disabled</button>
      <button type="warn">警告类操作 Normal</button>
      <button type="warn" disabled="false">页面警告类操作 warn Disabled</button>

      <button type="primary" plain="true">镂空按钮</button>
      <button type="primary" plain="true" disabled="false">镂空按钮 plain disabled</button>

      <button class="mini-btn" type="primary" size="mini">按钮</button>
      <button class="mini-btn" type="default" size="mini">按钮</button>
      <button class="mini-btn" type="warn" size="mini">按钮</button>
    </view>
  </view>
</template>

<script>
</script>

<style>
</style>